<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
<title>TMIS -Training MIS - SIGN IN!</title>

<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<!-- Le styles -->


<!-- Le fav and touch icons -->
<link href='assets/favicon-6c3a39685626012e7563512c4da1ad9a.ico' rel='shortcut icon' />
<link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="assets/css/bootstrap-responsive.css" type="text/css" />
<link rel="stylesheet" href="assets/css/font-awesome.css" type="text/css" />
<script type="text/javascript" src="assets/js/jquery.min.js"></script>

<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-popover.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-tooltip.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#lrnmore").click(function(){
		$("#abhero").hide();
		$("#det").show();
	
	});
	
	$("#gb").click(function(){
		$("#det").hide();
		$("#abhero").show();
	
	});

});

</script>
<script>
$(function ()
{ 
$("input").popover({trigger: 'focus', 'placement':'right'});

$("textarea").popover({trigger: 'focus'});


$('.btn').tooltip({'placement':'bottom', 'trigger' : 'hover'});

$('a').tooltip({'placement':'bottom', 'trigger' : 'hover'});

	
	
	
	
});
</script>



</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
	<div class="navbar-inner" style="border-radius:0">
		<div class="container-fluid">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</a>
			<a class="brand" href="index.html" name="top">TECHNATION | TECHWORKS</a>
			<div class="nav-collapse collapse">
				<ul class="nav">
				
					<li class="dropdown">
						<a href="starting.html" class="dropdown-toggle" href="start.html" data-toggle="dropdown"><i class="icon-arrow-right icon-white"></i>STARTING <strong class="caret"></strong></a>
						
							<ul class="dropdown-menu">
							<li><a href="starting.html">Understanding the Afghan Business Environment</a></li>
							<li><a href="wizard.php">Writing a Business Plan</a></li>
							</ul>
						
					</li>
					
					<li class="dropdown">
						<a class="dropdown-toggle" href="start.html" data-toggle="dropdown"><i class="icon-folder-close icon-white"></i>&nbsp;FINANCING and ACCOUNTING <strong class="caret"></strong></a>
						
							<ul class="dropdown-menu">
							<li><a href="#"> Looking for financial assistance</a></li>
							<li><a href="#">Financial projections</a></li>
							<li><a href="#">Accounting</a></li>
							</ul>
						
					</li>
					
					<li class="dropdown">
						<a class="dropdown-toggle" href="start.html" data-toggle="dropdown"><i class="icon-cog icon-white"></i>&nbsp;Managing <strong class="caret"></strong></a>
						
							<ul class="dropdown-menu">
							<li><a href="#"> Leading your company</a></li>
							<li><a href="#">Marketing</a></li>
							<li><a href="#">Managing your business</a></li>
							</ul>
						
					</li>
					
					
					<li class="dropdown">
						<a class="dropdown-toggle" href="start.html" data-toggle="dropdown"><i class="icon-question-sign icon-white"></i>&nbsp;Learning <strong class="caret"></strong></a>
						
							<ul class="dropdown-menu">
							<li><a href="#"> TechLearn</a></li>
							<li><a href="#">Online</a></li>
							<li><a href="#">Videos</a></li>
							<li><a href="#">Chat</a></li>
							</ul>
						
					</li>
					
					<!--<li><a href="#"><i class="icon-question-sign icon-white"></i>&nbsp;Learning</a></li>-->
					
					
				</ul>
				
				<ul class="nav pull-right">
					<li class="active"><a href="javascript:void"><i class="icon-plus icon-white"></i>&nbsp;Sign Up</a></li>
					
			

                  	<!--<li class="divider-vertical"></li>-->
					<li class="dropdown">
						<a class="dropdown-toggle" href="#" data-toggle="dropdown"><i class=" icon-signin"></i>&nbsp;Existing User? Login <strong class="caret"></strong></a>
						<div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
							<form method="post" action="execute/login.php" accept-charset="UTF-8" id="regvalid" data-validate="parsley">
							
							<?php
							if( isset($_SESSION['ERRMSG_ARR']) && is_array($_SESSION['ERRMSG_ARR']) && count($_SESSION['ERRMSG_ARR']) >0 ) {
		echo "<div class='alert alert-error'>";
		foreach($_SESSION['ERRMSG_ARR'] as $msg) {
			echo '<span>',$msg,'</span><br/>'; 
		}
		echo '</div>';
		unset($_SESSION['ERRMSG_ARR']);
	}
							?>
								<input style="margin-bottom: 15px;" type="text" placeholder="Username" id="username" name="secname" data-required="true">
								<input style="margin-bottom: 15px;" type="password" placeholder="Password" id="password" name="secpass" data-required="true">
								<input style="float: left; margin-right: 10px;" type="checkbox" name="remember-me" id="remember-me" value="1">
								<label class="string optional" for="user_remember_me"> Remember me</label>
								<input class="btn btn-success input-xlarge" type="submit" id="sign-in" value="Sign In" onclick="javascript:$('#regvalid').parsley( 'validate' );">
								
							</form>
						</div>
					</li>
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
		<!--/.container-fluid -->
	</div>
	<!--/.navbar-inner -->
</div>
<!--/.navbar -->

<div class='container-fluid'>

<div class="row-fluid">

    <div class="span3">
      <h2>Registration</h2>
<p class="alert alert-info">TechWorks for You and Your Ideas tool requires a registered account in order to create and save changes to your business plan. In addition, this tool is integrated with the TechDera Community. This integration enables you to post business plan questions to the Community discussion forums. Please fill out the fields below to register your account for the Business Plan Tool and the TechDera Community.</p>
    </div>
    
    <div class="span9">
    <h2>&nbsp;</h2>
    
    <form class="form-horizontal" action='execute/member_reg.php' method="POST" id="regvalid" data-validate="parsley">
  <fieldset>
    <div class="control-group">
      <!-- Username -->
      <label class="control-label"  for="username">Username</label>
      <div class="controls">
        <input type="text" id="username" name="uname" placeholder="User Name" class="input-xlarge" rel="popover" data-content="Your Desired Login Name" data-original-title="Login Name" data-required="true">
        <p class="help-block">Spaces are not allowed; punctuation is not allowed except for periods, hyphens, and underscores.</p>
      </div>
    </div>
 
    <div class="control-group">
      <!-- E-mail -->
      <label class="control-label" for="email">E-mail</label>
      <div class="controls">
        <input type="text" id="email" name="email" placeholder="Your Valid Email Address" class="input-xlarge" rel="popover" data-content="A valid email address. All emails from the system will be sent to this address. This email address will not be made public unless you choose to make it so below; otherwise, it will only be used if you wish to receive a new password or wish to receive certain news or notifications by email." data-original-title="Email Address" data-required="true">
        <p class="help-block">Please provide your E-mail</p>
      </div>
    </div>
 
    <div class="control-group">
      <!-- Password-->
      <label class="control-label" for="password">Password</label>
      <div class="controls">
        <input type="password" id="password" name="pass" placeholder="Your Password" class="input-xlarge" rel="popover" data-content="Password can contain number, characters, signs" data-original-title="Your Password" data-required="true">
        <p class="help-block">Password should be at least 6 characters</p>
      </div>
    </div>
 
    <div class="control-group">
      <!-- Password -->
      <label class="control-label"  for="password_confirm">Password (Confirm)</label>
      <div class="controls">
        <input type="password" id="password_confirm" name="confPass" placeholder="Retype-Password" class="input-xlarge" rel="popover" data-content="Provide a password for the new account in both fields. Password must be at least high strength." data-original-title="Confirm Password" data-required="true">
        <p class="help-block">Please confirm password</p>
      </div>
    </div>
 
    <div class="control-group">
      <!-- Button -->
      <div class="controls">
        <button class="btn btn-success input-xlarge download-btn" onclick="javascript:$('#regvalid').parsley( 'validate' );">Register</button>
      </div>
    </div>
  </fieldset>
</form>


    </div>


  </div>


<footer class="footer" style="border-top: 1px solid #DDDCDC;padding-top: 10px;">


<p>
<a href="#">Site Map</a> | <a href="#">Privacy Policy</a>  | In collaboration with: <a href="http://www.technation.af" target="_blank">TECHNATION</a> 

| Social: <a href="#" class="nounder" rel="tooltip" title="Like Us!" data-placement="top"><i class="icon-facebook icon-large"></i></a>&nbsp;
			<a href="#" class="nounder" rel="tooltip" title="Follow Us!" data-placement="top"><i class="icon-twitter icon-large"></i></a>&nbsp;
			<a href="#" class="nounder" rel="tooltip" title="Join Us!" data-placement="top"><i class="icon-linkedin icon-large"></i></a>&nbsp;
			<a href="#" class="nounder" rel="tooltip" title="Contact Us!" data-placement="top"><i class="icon-envelope-alt icon-large"></i></a>
			
<span class="pull-right">Powered by:<a href="http://www.technation.af" target="_blank">TECHNATION</a></span>

</p>

</footer>
</div>

<script type="text/javascript" src="assets/js/parsley-standalone.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-popover.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-tooltip.js"></script>
<script>
$(function ()
{ 
$("#funame").popover({trigger: 'focus'});
$("#uname").popover({trigger: 'focus'});

$('.btn').tooltip({'placement':'bottom', 'trigger' : 'hover'});
});
</script>

<script>
        
        $( "#data-multiple" ).parsley( {
    validators: {
      multiple: function ( val, multiple ) {
        return val % multiple === 0;
      }
    }
	  , messages: {
	      multiple: "This value should be a multiple of %s"
	    }
	} );
</script>
</body>

<!-- / query_review_output gives us info about the queries -->
<!-- / that were executed to render the current view. -->
<!-- / It's currently enabled for development only. -->
</html>

<!-- Localized -->